<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<link data-th-href="@{/css/bootstrap.min.css}" rel="stylesheet">
<link data-th-href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
<link data-th-href="@{/js/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">
<!--对话框-->
<link rel="stylesheet" data-th-href="@{/js/jconfirm/jquery-confirm.min.css}">
<!-- jstree -->
<link rel="stylesheet" data-th-href="@{/js/jsTree/themes/default/style.min.css}">
<!-- fontIconPicker core CSS -->
<link rel="stylesheet" type="text/css" data-th-href="@{/js/fontIconPicker/css/jquery.fonticonpicker.min.css}" />
<!-- required default theme -->
<link rel="stylesheet" type="text/css" data-th-href="@{/js/fontIconPicker/themes/dark-grey-theme/jquery.fonticonpicker.darkgrey.min.css}" />
<link data-th-href="@{/js/autocomplete/autocomplete.css}" rel="stylesheet">
<link data-th-href="@{/js/bootstrap-select/bootstrap-select.css}" rel="stylesheet">
<link data-th-href="@{/css/style.min.css}" rel="stylesheet">
<link data-th-href="@{/css/custom.css}" rel="stylesheet">
</head>
  
<body>
      <div class="container-fluid p-t-15">
        <div class="row">
          <div class="col-lg-12">
            <div class="card">
               <th:block data-th-include="admin/shop/coupon/couponAdd"></th:block>
              <div class="card-toolbar clearfix">
                <form class="pull-right coupon-table-form form-inline" method="get" action="#!" role="form">
                  <div class="form-group">
                    <input class="form-control" type="text"  aria-label=" 优惠券类型名称" name="couponName" placeholder=" 优惠券类型名称">
                  </div>
                </form>                 
              </div>
              <div class="card-body">
                <div id="toolbar" class="toolbar-btn-action">
                  <a class="btn btn-primary m-r-5" href="#!" sec:authorize="hasAuthority('coupon:add')" data-toggle="modal" data-target="#coupon-add" data-whatever="@mdo"><i class="mdi mdi-plus"></i> 新增</a>
                  <a class="btn btn-success m-r-5" href="#!" onclick="updateTopic()" sec:authorize="hasAuthority('coupon:update')"><i class="mdi mdi-check"></i> 修改</a>
                  <a class="btn btn-danger" href="#!" onclick="deleteTopics()" sec:authorize="hasAuthority('coupon:delete')"><i class="mdi mdi-window-close"></i> 删除</a>
                </div>              
                <div class="table-responsive">
                   <table id="couponTable" data-mobile-responsive="true" class="mb-bootstrap-table"></table>
                </div>
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
<script data-th-inline="javascript">
	var ctx = [[@{/}]];
</script>
<script type="text/javascript" data-th-src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/popper.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/jquery-confirm/jquery-confirm.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/bootstrap-table.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-select/bootstrap-select.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-select/i18n/defaults-zh_CN.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js}"></script>
<!-- fontIconPicker JS -->
<script type="text/javascript" data-th-src="@{/js/fontIconPicker/jquery.fonticonpicker.min.js}"></script>
<script data-th-src="@{/js/autocomplete/autocomplete.js}"></script>
<script type="text/javascript" data-th-src="@{/js/main.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/common.js}"></script>
<!--消息提示-->
<script data-th-src="@{/js/bootstrap-notify.min.js}"></script>
<!--对话框-->
<script type="text/javascript" data-th-src="@{/js/jconfirm/jquery-confirm.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/jsTree/jstree.js}"></script>
<script type="text/javascript" data-th-src="@{/js/lightyear.js}"></script>
<script type="text/javascript" data-th-src="@{/js/common.js}"></script>
<!--时间选择插件-->
<script data-th-src="@{/js/bootstrap-datetimepicker/moment.min.js}"></script>
<script data-th-src="@{/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js}"></script>
<script data-th-src="@{/js/bootstrap-datetimepicker/locale/zh-cn.js}"></script>
<!--日期选择插件-->
<script data-th-src="@{/js/bootstrap-datepicker/bootstrap-datepicker.min.js}"></script>
<script data-th-src="@{/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/vendor/jquery.ui.widget.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.iframe-transport.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload-process.js}"></script>
<script data-th-src="@{/js/jQuery-File-Upload/js/jquery.fileupload-ui.js}"></script>
<script data-th-src="@{/js/app/admin/shop/coupon/coupon.js}"></script>
<script data-th-src="@{/js/app/admin/shop/coupon/couponAdd.js}"></script>
<script data-th-src="@{/js/app/admin/shop/coupon/couponEdit.js}"></script>
</body>
</html>